<template>
	<view class="KeepMargins">
		<view class="item borderR" v-for="(itm,index) in goodList" :key="index" @click="handleGoTo">
			<image :src="itm.img" mode="aspectFill" class="item"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				goodList:[
					{
						img:"https://01.minipic.eastday.com/20170925/20170925142513_d41d8cd98f00b204e9800998ecf8427e_1.png",
						link:"www.baidu.com"
					},
					{
						img:"https://01.minipic.eastday.com/20170925/20170925142513_d41d8cd98f00b204e9800998ecf8427e_1.png",
						link:"www.baidu.com"
					},
					{
						img:"https://01.minipic.eastday.com/20170925/20170925142513_d41d8cd98f00b204e9800998ecf8427e_1.png",
						link:"www.baidu.com"
					},
					{
						img:"https://01.minipic.eastday.com/20170925/20170925142513_d41d8cd98f00b204e9800998ecf8427e_1.png",
						link:"www.baidu.com"
					}
				]
			}
		},
		methods:{
				handleGoTo(){
					uni.navigateTo({
					    url: '/pages/recomd/detail'
					});
				}
		}
	}
</script>

<style scoped>
	.KeepMargins{
		padding: 20rpx 20rpx 0;
		height: 100vh;
	}
	.item{
		width: 710rpx;
		height: 200rpx;
	}
	.borderR{
		border-radius: 16rpx;
		overflow: hidden;
		margin-bottom: 20rpx;
	}
	.borderR:last-child{
		margin-bottom: 0;
	}
</style>
